import 'package:flutter/material.dart';
import 'package:hc_ui/config/hc_customer_config.dart';
import 'package:hc_ui/theme/hc_common_theme.dart';
import 'package:hc_ui/widget/marquee/hc_marquee.dart';
import 'package:hc_ui/widget/title/hc_title.dart';

class HcMarqueePage extends StatefulWidget {
  const HcMarqueePage({super.key});

  @override
  State<HcMarqueePage> createState() => _HcMarqueePageState();
}

class _HcMarqueePageState extends State<HcMarqueePage> {
  @override
  Widget build(BuildContext context) {
    HcCommonTheme theme = HcCustomerConfig().allTheme.commonTheme;
    return MaterialApp(
      home: Scaffold(
        backgroundColor: theme.fillPageColor,
        appBar: AppBar(
          title: const Text('这里是演示部分'),
        ),
        body: ListView(
          padding: EdgeInsets.symmetric(
              vertical: theme.hSpacingPage, horizontal: theme.hSpacingPage),
          children: [
            HcTitle.dot(
              title: "横向滚动",
            ),
            HcMarquee(
                content:
                    "9月16日，针对“蜜雪冰城被曝喝出蜘蛛”一事，蜜雪冰城发布微博回应称，当事门店正接受调查，在调查完毕之前，该门店将无限期停业。（蜜雪冰城官微）"),
            HcTitle.dot(
              title: "横向手动",
            ),
            HcMarquee(
                enableScroll: false,
                physics: NeverScrollableScrollPhysics(),
                content:
                    "9月16日，针对“蜜雪冰城被曝喝出蜘蛛”一事，蜜雪冰城发布微博回应称，当事门店正接受调查，在调查完毕之前，该门店将无限期停业。（蜜雪冰城官微）"),
            HcTitle.dot(
              title: "文字不满足一屏",
            ),
            HcMarquee(
              content: "9月16日，针对“蜜雪冰城被曝喝出蜘蛛”",
              forceScroll: false,
            ),
            HcTitle.dot(
              title: "文字不满足一屏强制滚动",
            ),
            HcMarquee(
              content: "9月16日，针对“蜜雪冰城被曝喝出蜘蛛”",
              forceScroll: true,
            ),
            HcTitle.dot(
              title: "纵向滚动",
            ),
            HcMarquee(
                scrollDirection: Axis.vertical,
                content:
                    "9月16日，针对“蜜雪冰城被曝喝出蜘蛛”一事，蜜雪冰城发布微博回应称，当事门店正接受调查，在调查完毕之前，该门店将无限期停业。（蜜雪冰城官微）"),
            HcTitle.dot(
              title: "纵向滚动自定义列表",
            ),
            HcMarquee(
              scrollDirection: Axis.vertical,
              contentList: [
                "君不见黄河之水天上来，奔流到海不复回。",
                "君不见高堂明镜悲白发，朝如青丝暮成雪。",
                " 人生得意须尽欢，莫使金樽空对月。",
                " 天生我材必有用，千金散尽还复来。",
                " 烹羊宰牛且为乐，会须一饮三百杯。",
                " 岑夫子，丹丘生，将进酒，杯莫停。",
                "与君歌一曲，请君为我倾耳听。",
                " 钟鼓馔玉不足贵，但愿长醉不复醒。",
                " 古来圣贤皆寂寞，惟有饮者留其名。",
                "陈王昔时宴平乐，斗酒十千恣欢谑。",
                "主人何为言少钱，径须沽取对君酌。",
                "五花马、千金裘，呼儿将出换美酒，与尔同销万古愁。"
              ],
            ),
            HcTitle.dot(
              title: "纵向滚动自定义列表 居中对齐",
            ),
            HcMarquee(
              textAlign: TextAlign.center,
              scrollDirection: Axis.vertical,
              contentList: [
                "君不见黄河之水天上来，奔流到海不复回。",
                "君不见高堂明镜悲白发，朝如青丝暮成雪。",
                " 人生得意须尽欢，莫使金樽空对月。",
                " 天生我材必有用，千金散尽还复来。",
                " 烹羊宰牛且为乐，会须一饮三百杯。",
                " 岑夫子，丹丘生，将进酒，杯莫停。",
                "与君歌一曲，请君为我倾耳听。",
                " 钟鼓馔玉不足贵，但愿长醉不复醒。",
                " 古来圣贤皆寂寞，惟有饮者留其名。",
                "陈王昔时宴平乐，斗酒十千恣欢谑。",
                "主人何为言少钱，径须沽取对君酌。",
                "五花马、千金裘，呼儿将出换美酒，与尔同销万古愁。"
              ],
            ),
            HcTitle.dot(
              title: "纵向滚动自定义列表 修改滚动总时长",
            ),
            HcMarquee(
              duration: Duration(milliseconds: 60000),
              textAlign: TextAlign.center,
              scrollDirection: Axis.vertical,
              contentList: [
                "君不见黄河之水天上来，奔流到海不复回。",
                "君不见高堂明镜悲白发，朝如青丝暮成雪。",
                " 人生得意须尽欢，莫使金樽空对月。",
                " 天生我材必有用，千金散尽还复来。",
                " 烹羊宰牛且为乐，会须一饮三百杯。",
                " 岑夫子，丹丘生，将进酒，杯莫停。",
                "与君歌一曲，请君为我倾耳听。",
                " 钟鼓馔玉不足贵，但愿长醉不复醒。",
                " 古来圣贤皆寂寞，惟有饮者留其名。",
                "陈王昔时宴平乐，斗酒十千恣欢谑。",
                "主人何为言少钱，径须沽取对君酌。",
                "五花马、千金裘，呼儿将出换美酒，与尔同销万古愁。"
              ],
            ),
          ],
        ),
      ),
    );
  }
}
